<link rel="stylesheet" href="index.css?__inline">

<section class="dx-info-default">
  <div class="dx-info-box dx-manage-info">
    <form class="layui-form layui-form-pane dx-form-pane">
      <div class="layui-form-item">
        <label class="layui-form-label">角色名称</label>
        <div class="layui-input-inline">
          <input type="text" name="username" lay-verify="required" placeholder="请输入新增角色名称" autocomplete="off"
                 class="layui-input">
        </div>
        <button class="layui-btn btn-yellow" type="button">查询</button>
      </div>
      <div class="layui-form-item btn-box">
        <div class="layui-input-block">
          <button type="reset" class="layui-btn layui-btn-primary btn-simple-blue">重置</button>
          <button class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
        </div>
      </div>

      <h2 class="title">角色功能选择</h2>

      <div class="waterfall-box">

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>后台用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox" checked></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox" checked></li>
            <li>
              <ul class="list-item">
                <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true">
                </li>
                <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
                <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox" checked></li>
                <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
                <li><input type="checkbox" name="like[game]" title="启用/禁用" lay-filter="checkbox"></li>
              </ul>
            </li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>APP用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="禁用" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="黑名单" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改">
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>业务设置</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员权限" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>后台用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用/禁用" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>APP用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="禁用" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="黑名单" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>业务设置</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员权限" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>后台用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用/禁用" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>APP用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="禁用" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="黑名单" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>业务设置</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员权限" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>后台用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用/禁用" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="权限维护" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>APP用户管理</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="后台用户" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="禁用" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="黑名单" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>

        <div class="function-box">
          <h5 class="title"><i class="iconfont icon-xiangmu"></i>业务设置</h5>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员角色" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[write]" title="新增" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="修改" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="删除" lay-filter="checkbox"></li>
          </ul>
          <ul class="list-item">
            <li><input type="checkbox" name="like[write]" title="实验人员权限" lay-filter="checkbox" parentCheckBox="true"></li>
            <li><input type="checkbox" name="like[read]" title="查看" lay-filter="checkbox"></li>
            <li><input type="checkbox" name="like[game]" title="启用" lay-filter="checkbox"></li>
          </ul>
        </div>
      </div>
    </form>
  </div>
</section>